// 设置显示多少行，超过内容显示省略号
.line-clamp(@line){
  white-space: pre-line;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: @line;
  -webkit-box-orient: vertical;
}
// 弹性布局
.flex(@align-item: flex-start, @justify-content: flex-start){
  display: flex;
  align-items: @align-item;
  justify-content: @justify-content;
}
.flex-start-start(){
  .flex();
}
.flex-start-center(){
  .flex(flex-start, center);
}
.flex-start-end(){
  .flex(flex-start, flex-end);
}
.flex-start-around(){
  .flex(flex-start, space-around);
}
.flex-start-between(){
  .flex(flex-start, space-between);
}
.flex-center-start(){
  .flex(center)
}
.flex-center-center(){
  .flex(center, center);
}
.flex-center-end(){
  .flex(center, flex-end);
}
.flex-center-around(){
  .flex(center, space-around);
}
.flex-center-between(){
  .flex(center, space-between);
}
.flex-end-start(){
  .flex(flex-end)
}
.flex-end-center(){
  .flex(flex-end, center);
}
.flex-end-end(){
  .flex(flex-end, flex-end);
}
.flex-end-around(){
  .flex(flex-end, space-around);
}
.flex-end-between(){
  .flex(flex-end, space-between);
}
.flex-stretch-start(){
  .flex(stretch, space-start);
}

// 图片短边自适应
.img-fit-cover(){
  object-fit: cover;
  object-position: 50% 50%;
}